<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type='text/javascript' src='<?php echo $data['baseurl']; ?>global/js/globalbo/jquery-1.7.min.js'></script>
	<style type="text/css">

	body {
		font-family: Verdana, Arial;
		font-size: 12px;
	}

	@media print {
		body{
			font-size: 10px;
		}
		@page {
			size: landscape;
		}
		#toolbar{
			display : none;
		}
	}

	.taxe-table {
		margin-bottom: 20px;
		page-break-after: always;
	}

	.taxe-table-html {
		border-collapse: collapse;
	}

	.hover-line:hover{
		background-color: #117AC0;
		color: white;
	}

	.taxe-table-html tr {
		text-align: center;
	}

	.taxe-table-html th {
		padding: 3px;
		text-transform: uppercase;
	}
	.taxe-table-html td {
		padding: 3px;
		text-transform: uppercase;
	}
	.personal-button:hover{
		background-color: white;	
	}

	.personnal-border{
		border : 1px solid #2DACBF;	
		padding : 3px;
		cursor: pointer;
	}

	a{
		text-decoration: none;
	}
	#toolbar{
		margin-top: 10px;
		margin-bottom: 40px;
	}
	</style>

	<title>Relevé locataires - Taxe habitation</title>
</head>
<body>
	<div id="toolbar">
		<h1>Historique des locataires</h1>
		Choisir une année : 
		<select name="" id="histo-year">
			<?php foreach($data['year'] as $k1=>$v1): ?>
			<option value="<?php echo $v1; ?>" id="y-<?php echo $v1; ?>"><?php echo $v1; ?></option>
			<?php endforeach; ?>
		</select>
		Imprimer les tableaux : <img onClick="window.print();" src="<?php echo $data['baseurl']; ?>global/img/globalbo/appartements/printer.png" style="vertical-align: middle; cursor : pointer;">
	</div>
	<div class="taxe-table">
		<table>
			<tr><td><b>SEP LARIE FRERES</b></td> <td>1 rue Henri Messerer 13001 Marseille</td> </tr>
			<tr> <td colspan="2">Hitsorique des locataires <?php echo $data['ye']; ?></td> </tr>
		</table>
		<?php echo $data['table1']; ?>
		<p></p>
		<table>
			<tr><td><b>SEP LARIE FRERES</b></td> <td>8 rue du théâtre français 13001 Marseille</td> </tr>
			<tr> <td colspan="2">Hitsorique des locataires <?php echo $data['ye']; ?></td> </tr>
		</table>
		<?php echo $data['table2']; ?>
	</div>

	<script type="text/javascript">
	jQuery(document).ready(function($) {
		$("#y-<?php echo $data['ye']; ?>").attr({
			disabled: 	"disabled",
			selected: 	"selected",
		});
		$('#histo-year').change(function(){
			window.location = '<?php echo $data['baseurl']; ?>admin/histo?year='+$(this).val();
		});
	});

	</script>
</body>
</html>